/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

html {
  font-size: 18px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
body h1 {
  font-size: 1.87rem;
}
body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
body .wwd-list-items h3 {
  margin-bottom: 6px;
}
body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
body .gform_wrapper ul li.gfield,
body .ginput_container.ginput_container_email,
body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
body li#field_1_1 {
  margin-bottom: -8px !important;
}

body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}

body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}

.our-people-content {
  padding: 0 0 3.75em 0;
  width: 100%;
}
.our-people-content .our-people-filter {
  background-color: #1d5492;
  border-radius: 12px;
  color: #ffffff;
  display: inline-block;
  height: auto;
  padding: 20px 30px;
  margin-bottom: 3.75em;
  width: 100%;
}
.our-people-content .our-people-filter .our-people-label,
.our-people-content .our-people-filter .our-people-form {
  display: block;
  float: left;
  width: 100%;
}
.our-people-content .our-people-filter .our-people-label {
  width: 240px;
}
.our-people-content .our-people-filter .our-people-label p {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 2.063em;
  margin: 0;
}
.our-people-content .our-people-filter .our-people-form {
  width: calc(100% - 240px);
}
.our-people-content .our-people-filter .our-people-form form {
  max-width: 520px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .our-people-content .our-people-filter .our-people-form form {
    float: right;
    height: 35px;
    margin: 7px 0;
  }
}
.our-people-content .our-people-filter .our-people-form form .role-filter,
.our-people-content .our-people-filter .our-people-form form .submit {
  float: left;
  display: block;
}
.our-people-content .our-people-filter .our-people-form form .role-filter {
  border-radius: 0;
  height: 35px;
  max-width: 285px;
  width: 100%;
}
.our-people-content .our-people-filter .our-people-form form .submit {
  font-size: 14px;
  width: 215px;
}
.our-people-content .our-people-filter .our-people-form form .submit input[type=submit] {
  background-color: #4DBFBD;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  height: 35px;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 14px;
  margin-left: 20px;
  max-width: 215px;
  width: 100%;
}
.our-people-content .our-people-filter .our-people-form form .submit input[type=submit]:hover, .our-people-content .our-people-filter .our-people-form form .submit input[type=submit]:focus {
  background-color: #00974c;
  color: #ffffff;
}
.our-people-content .our-people-list-wrap {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.our-people-content .our-people-list-wrap h2 {
  width: 924px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4667rem;
  line-height: 1.889rem;
  margin-top: 101px;
}
.our-people-content .our-people-list-wrap h2.members-title {
  margin-top: 49px !important;
}
@media screen and (min-width: 768px) {
  .our-people-content .our-people-list-wrap {
    max-width: 90%;
  }
}
.our-people-content .our-people-list-wrap .our-people-list {
  cursor: pointer;
  /*height: 360px;*/
}
@media screen and (max-width: 540px) {
  .our-people-content .our-people-list-wrap .our-people-list {
    height: auto;
    width: 280px;
    margin: 0 auto;
    display: block;
    float: none;
  }
}
.our-people-content .our-people-list-wrap .our-people-list .user-list {
  background-color: #f1f2f2;
  border-radius: 38px;
  margin-bottom: 1.875em;
  opacity: 1;
  padding: 22px;
  /*&:hover, 
  &:focus {
      opacity: 0.8;
  }*/
}
@media (min-screen: 1030px) and (max-screen: 1365px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-list {
    height: 300px;
  }
}
.our-people-content .our-people-list-wrap .our-people-list .user-list figure img {
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-list figure img {
    margin: 0 auto;
    width: 100%;
    max-width: 220px;
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-list figure img {
    height: auto;
    margin: 0;
    width: 100%;
  }
}
.our-people-content .our-people-list-wrap .our-people-list .user-list h4 {
  font-family: "Josephine Sans", Arial, sans-serif;
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-list h4 {
    height: auto;
    text-align: center;
  }
}
.our-people-content .our-people-list-wrap .our-people-list .user-list p {
  margin: 0;
  height: 40px;
  font-style: italic;
  font-size: 0.667rem;
  margin-top: -4px;
}
@media screen and (max-width: 540px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-list p {
    height: auto;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-list p {
    height: 40px;
    text-align: center;
  }
}
.our-people-content .our-people-list-wrap .our-people-list:hover > h4, .our-people-content .our-people-list-wrap .our-people-list:focus > h4 {
  color: #00974c;
  font-weight: bold;
}
.our-people-content .our-people-list-wrap .our-people-list .user-bio-image,
.our-people-content .our-people-list-wrap .our-people-list .user-bio-content {
  display: block;
  float: left;
}
.our-people-content .our-people-list-wrap .our-people-list .user-bio-image {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-bio-image {
    width: 255px;
  }
}
.our-people-content .our-people-list-wrap .our-people-list .user-bio-image figure img {
  border-radius: 50%;
  margin: 0;
  max-width: 160px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-bio-image figure img {
    margin: 0;
    max-width: 255px;
  }
}
.our-people-content .our-people-list-wrap .our-people-list .user-bio-image .user-bio-linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37'%3E%3Cg id='Grupo_1582' data-name='Grupo 1582' transform='translate(-355 -455)'%3E%3Ccircle id='Elipse_25' data-name='Elipse 25' cx='18.5' cy='18.5' r='18.5' transform='translate(355 455)' fill='%231d5492'/%3E%3Cg id='Linkdin' transform='translate(364.869 464.869)'%3E%3Cpath id='Caminho_16' data-name='Caminho 16' d='M223.452,5090.916H219.99v-11.473h3.463Zm-1.731-13.038a2.086,2.086,0,1,1,2.086-2.085A2.086,2.086,0,0,1,221.721,5077.878Zm14.956,13.038h-3.463v-5.748c0-1.292-.021-2.951-1.8-2.951-1.8,0-2.075,1.407-2.075,2.857v5.841h-3.463v-11.473H229.2v1.522h.042a3.641,3.641,0,0,1,3.275-1.793c3.515,0,4.162,2.294,4.162,5.309v6.436Z' transform='translate(-219.635 -5073.706)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  display: block !important;
  height: 37px;
  width: 37px;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 99999 !important;
  text-indent: -9999px;
  overflow: hidden;
}
.our-people-content .our-people-list-wrap .our-people-list .user-bio-image .user-bio-linkedin:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37'%3E%3Cg id='Grupo_1582' data-name='Grupo 1582' transform='translate(-355 -455)'%3E%3Ccircle id='Elipse_25' data-name='Elipse 25' cx='18.5' cy='18.5' r='18.5' transform='translate(355 455)' fill='%231d5492'/%3E%3Cg id='Linkdin' transform='translate(364.869 464.869)'%3E%3Cpath id='Caminho_16' data-name='Caminho 16' d='M223.452,5090.916H219.99v-11.473h3.463Zm-1.731-13.038a2.086,2.086,0,1,1,2.086-2.085A2.086,2.086,0,0,1,221.721,5077.878Zm14.956,13.038h-3.463v-5.748c0-1.292-.021-2.951-1.8-2.951-1.8,0-2.075,1.407-2.075,2.857v5.841h-3.463v-11.473H229.2v1.522h.042a3.641,3.641,0,0,1,3.275-1.793c3.515,0,4.162,2.294,4.162,5.309v6.436Z' transform='translate(-219.635 -5073.706)' fill='%234DBFBD'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.our-people-content .our-people-list-wrap .our-people-list .user-bio-content {
  width: 100%;
  max-height: 56vh;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  .our-people-content .our-people-list-wrap .our-people-list .user-bio-content {
    width: calc(100% - 300px);
  }
}
.our-people-content .our-people-list-wrap .our-people-list .user-bio-content h3 {
  margin: 0;
  font-size: 1.4667rem;
  line-height: 1.889rem;
}
.our-people-content .our-people-list-wrap .our-people-list .user-bio-content p.bio-position {
  font-size: 1.3889rem;
  font-weight: 500;
}

.members-layout {
  width: 924px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  max-width: 100%;
}
@media only screen and (max-width: 750px) {
  .members-layout {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 550px) {
  .members-layout {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 550px) {
  .our-people-content .our-people-list-wrap h2 {
    max-width: 100%;
    text-align: center;
  }
}
.our-people-content .our-people-list-wrap .our-people-list .user-list {
  border: 1px solid rgba(0, 0, 0, 0);
}

.our-people-content .our-people-list-wrap .our-people-list:hover .user-list {
  border: 1px solid #4DBFBD;
}
/*# sourceMappingURL=../maps/blocks/ecstra_our_people.css.map */